iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
1

css在html裡使用的方式有三種
第一直接在html標籤使用

<p style=""></p>

第二寫在style標籤內

<style>

</style>

第三外部引入CSS檔

<link rel="stylesheet" href="">

href裡面就是寫CSS檔案的位置

CSS選擇器

id選擇器
可以為標有id的html元素加入特定CSS,在CSS中id選擇器以"#"定義

    <p>123</p>
    <p id="a">123</p>
<style>
      #a{
          color: blueviolet;
      }
    </style>

https://ithelp.ithome.com.tw/upload/images/20200917/20129570PweeDG3o2W.png
class選擇器
可以為標有相同class的html元素加入CSS,在CSS中class選擇器以"."定義

    <p >123</p>
    <p class="a">123</p>
    <p class="a">123</p>
<style>
      .a{
          color: aqua;
      }  
    </style>

https://ithelp.ithome.com.tw/upload/images/20200917/20129570QLUaNGYzR7.png


上一篇
DAY02,練習將在最初進行
下一篇
DAY04,flex外容器的屬性
系列文
30天資料整理30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言